.mainContainer{width:75%;height:600px;margin:0 auto;background-color:#CED;padding:10px;}

.buttonContainer{list-style:none;width:100%; overflow:hidden;margin:0 auto;}
.buttonContainer li{width:100px; height:30px; line-height:30px; border:1px solid #999; margin:3px; float:left; text-align:center;background-color:lightblue;cursor:pointer;}

/****遮罩层***/
.mask-container{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
}
.mask-coverbg{
	width:100%;
	height:100%;
	z-index:100;
	left:0;
	background-color:black; 
	position:fixed; 
	opacity:.8;/* ff */
	filter:alpha(opacity=80); /* ie */
}
.mask-body{
	width:50%;
	height:400px;
	z-index:101;
	margin:0 auto;
	padding:1px;
	background-color:white;
	border:1px solid gray;
	position:relative; 
	top:120px;
	
}	
.mask-title{
	height:1.2em;
	width:auto;
	background-color:#EE8;
	font-size:1.1em;
	font-weight:bold;
	padding:2px 10px;
	cursor:move;
}
.mask-title-btn{
	/*color:blue; 
	cursor:pointer;*/
	float:right;
}
.mask-title-btn span{
	margin:0 2px;
	color:#77A; 
	cursor:pointer;	
}
.mask-content{
	height:100%; 
	width:100%;
}


